<template>
	<div id="app">
		<transition name="fade-transform" mode="out-in">
			<router-view class="main" />
		</transition>
	</div>
</template>
<style lang="less" scoped>
#app{
	width: 100%;
	height: 100%;
	bottom: 0;
	overflow-y: scroll;
	background: url('./assets/bg2.jpg') rgba(0, 0, 0, .1) center;
	position: fixed;
}
</style>
<style lang="less">
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.clearfix{
	position: relative;
	&::after{
		content: '';
		clear: both;
		display: block;
	}
}
.fade-transform-leave-active,
.fade-transform-enter-active {
	transition: all 0.3s;
}
/* 
enter定义进入过渡的开始状态
 */
.fade-transform-enter {
	opacity: 0;
}
/* 
leave-to离场动画结束后的状态
 */
.fade-transform-leave-to {
	opacity: 0;
}
.el-button--primary{
	background-color: #FA7B00!important;
    border-color: #FA7B00!important;
}
</style>
